<template>
  <div v-if="isShow" class="text-container">
    <p class="overflow">
      商品均由UU跑腿提供帮买服务，一切商业行为与该一切商业行为与该一切商业行为与该一切商业行为与该一切商业行为与该
    </p>
    <img @click="closeTip" src="../assets/close.png" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: true
    }
  },
  methods: {
    closeTip() {
      this.isShow = false;
    }
  }
};
</script>

<style scoped>
.text-container {
  box-sizing: border-box;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.28rem;
  font-size: 0.14rem;
  background-color: #ffefdc;
  color: #f55e21;
  font-size: 0.12rem;
}
img {
  width: 0.1rem;
}
p {
  padding-right: 0.3rem;
  line-height: 1.6;
}
.overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
</style>
